<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>品优购</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>

  <body>
    <!-- 快速导航栏开始 -->
    <div class="shortcut">
      <div class="w">
        <div class="left"><span>品优购欢迎您</span><a href="javascript:;">请登录</a><a href="javascript:void(0)" class="style_red">免费注册</a></div>
        <div class="right fr">
          <ul>
            <li><a href="javascript:;">我的订单</a></li>
            <li><a href="javascript:;">我的品优购</a></li>
            <li><a href="javascript:;">品优购会员</a></li>
            <li><a href="javascript:;">企业采购</a></li>
            <li><a href="javascript:;">关注品优购</a></li>
            <li><a href="javascript:;">客户服务</a></li>
            <li><a href="javascript:;">网站导航</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 快速导航栏结束-->
    <!-- header开始-->
    <div class="header w">
      <!-- logo开始 -->
      <div class="logo">
        <h1>
          <a href="javascript:;">品优购商城</a>
        </h1>
      </div>
      <!-- logo结束 -->
      <!-- search开始 -->
      <div class="search">
        <input type="search" placeholder="语言开发" />
        <button>搜索</button>
      </div>
      <!-- search结束 -->
      <!-- 热词开始 -->
      <div class="hotwords">
        <a href="javascript:;" class="style_red">优惠购首发</a>
        <a href="javascript:;">亿元优惠 </a>
        <a href="javascript:;">9.9元团购 </a>
        <a href="javascript:;">美满99减30 </a>
        <a href="javascript:;">办公用品 </a>
        <a href="javascript:;">电脑 </a>
        <a href="javascript:;">通信</a>
      </div>
      <!-- 热词结束 -->
      <!-- 购物车开始 -->
      <div class="shopcar">
        <span class="iconfont icongouwuche"></span>
        <span>我的购物车</span>
        <span class="iconfont iconarrow-right"></span>
        <span class="count">8</span>
      </div>
      <!-- 购物车结束 -->
    </div>
    <!-- header结束-->
    <!-- nav开始 -->
    <nav class="nav">
      <div class="w">
        <div class="dropdown">
          <div class="dt">全部商品分类</div>
          <div class="dd">
            <ul>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
              <li>
                <a href="javascript:;">手机<span class="iconfont iconarrow-right"></span></a>
              </li>
            </ul>
          </div>
        </div>
        <div class="navitems">
          <ul>
            <li><a href="javascript:;">服装城</a></li>
            <li><a href="javascript:;">服装城</a></li>
            <li><a href="javascript:;">服装城</a></li>
            <li><a href="javascript:;">服装城</a></li>
            <li><a href="javascript:;">服装城</a></li>
            <li><a href="javascript:;">服装城</a></li>
            <li><a href="javascript:;">服装城</a></li>
            <li><a href="javascript:;">服装城</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- nav结束 -->

    <!-- main开始 -->
    <div class="w">
      <div class="main">
        <div class="focus">
          <ul>
            <li>
              <a href="javascript:;">
                <img src="./uploads/banner-pic.png" alt="" />
              </a>
            </li>
          </ul>
        </div>
        <div class="newsflash">
          <div class="news_title">
            <div class="news_hd">
              <h5>品优购快报</h5>
              <a href="javascript:;">更多<span>&gt;</span></a>
            </div>
            <div class="news_bd">
              <ul>
                <li>
                  <a href="javascript:;"> <strong>【特惠】</strong>备战开学季，全民半价购数码 </a>
                </li>
                <li>
                  <a href="javascript:;"><strong>【特惠】</strong>备战开学季，全民半价购数码</a>
                </li>
                <li>
                  <a href="javascript:;"><strong>【特惠】</strong>备战开学季，全民半价购数码</a>
                </li>
                <li>
                  <a href="javascript:;"><strong>【特惠】</strong>备战开学季，全民半价购数码</a>
                </li>
                <li>
                  <a href="javascript:;"><strong>【特惠】</strong>备战开学季，全民半价购数码</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="news_icon">
            <ul>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
            </ul>
          </div>
          <div class="news_bargain">
            <img src="./uploads/bargain.png" alt="" />
          </div>
        </div>
      </div>
    </div>
    <!-- main结束 -->
    <!-- 今日推荐开始 -->
    <div class="recom w">
      <div class="recom_hd">
        <span class="iconfont iconclock"></span>
        <p>今日推荐</p>
      </div>
      <div class="recom_bd">
        <ul>
          <li>
            <a href="javascript:;"><img src="./uploads/recom_03.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./uploads/recom_03.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./uploads/recom_03.jpg" alt="" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="./uploads/recom_03.jpg" alt="" /></a>
          </li>
        </ul>
      </div>
    </div>
    <!-- 今日推荐结束 -->

    <!-- 猜你喜欢开始 -->
    <div class="like">
      <div class="w">
        <div class="like_hd">
          <h5>猜你喜欢</h5>
          <a href="javascript:;">换一换</a>
        </div>
        <div class="like_bd">
          <ul>
            <li>
              <div class="img"><img src="./uploads/like_01.png" alt="" /></div>
              <div class="img_disc">
                <div>阳光女包，时尚女包</div>
                <div>阳光女包，时尚女包</div>
                <div>￥166.00</div>
              </div>
            </li>
            <li>
              <div class="img"><img src="./uploads/like_01.png" alt="" /></div>
              <div class="img_disc">
                <div>阳光女包，时尚女包</div>
                <div>阳光女包，时尚女包</div>
                <div>￥166.00</div>
              </div>
            </li>
            <li>
              <div class="img"><img src="./uploads/like_01.png" alt="" /></div>
              <div class="img_disc">
                <div>阳光女包，时尚女包</div>
                <div>阳光女包，时尚女包</div>
                <div>￥166.00</div>
              </div>
            </li>
            <li>
              <div class="img"><img src="./uploads/like_01.png" alt="" /></div>
              <div class="img_disc">
                <div>阳光女包，时尚女包</div>
                <div>阳光女包，时尚女包</div>
                <div>￥166.00</div>
              </div>
            </li>
            <li>
              <div class="img"><img src="./uploads/like_01.png" alt="" /></div>
              <div class="img_disc">
                <div>阳光女包，时尚女包</div>
                <div>阳光女包，时尚女包</div>
                <div>￥166.00</div>
              </div>
            </li>
            <li>
              <div class="img"><img src="./uploads/like_01.png" alt="" /></div>
              <div class="img_disc">
                <div>阳光女包，时尚女包</div>
                <div>阳光女包，时尚女包</div>
                <div>￥166.00</div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 猜你喜欢结束 -->

    <!-- 有趣开始 -->
    <div class="youqu w">
      <div class="youqu_hd">
        <h5>传智播客•有趣区</h5>
      </div>
      <div class="youqu_bd">
        <div class="youqu404">
          <a href="javascript:;">
            <img src="./uploads/interest01.png" alt="" />
          </a>
        </div>
        <div class="youqu226">
          <h4>好东西</h4>
          <div>
            <a href="javascript:;"><img src="./uploads/interest02.png" alt="" /></a>
          </div>
          <div>
            <a href="javascript:;"><img src="./uploads/interest03.png" alt="" /></a>
          </div>
        </div>
        <div class="youqu405">
          <h4>品牌街</h4>
          <div>
            <a href="javascript:;"><img src="./uploads/interest04.png" alt="" /></a>
          </div>
          <div>
            <a href="javascript:;"><img src="./uploads/interest05.png" alt="" /></a>
          </div>
          <div>
            <a href="javascript:;"><img src="./uploads/interest06.png" alt="" /></a>
          </div>
        </div>
        <div class="youqu164">
          <ul>
            <li>
              <a href="javascript:;"><img src="./uploads/brand01.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand02.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand03.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand04.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand05.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand06.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand07.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand08.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand09.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand10.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand11.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand12.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand13.png" alt="" /></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./uploads/brand10.png" alt="" /></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 有趣结束 -->

    <!-- floor开始 -->
    <div class="floor">
        <div class="w">
            <!-- 家电开始 -->
            <div class="jiadian_hd">
                <h5>家用电器</h5>
                <div class="tab_list">
                    <ul>
                        <li><a href="javascript:;" class="style_red">热门</a>|</li>
                        <li><a href="javascript:;">生活电器</a>|</li>
                        <li><a href="javascript:;">生活电器</a>|</li>
                        <li><a href="javascript:;">生活电器</a>|</li>
                        <li><a href="javascript:;">生活电器</a>|</li>
                        <li><a href="javascript:;">生活电器</a>|</li>
                        <li><a href="javascript:;">生活电器</a>|</li>
                        <li><a href="javascript:;">生活电器</a>|</li>
                        <li><a href="javascript:;">生活电器</a></li>
                    </ul>
                </div>
            </div>
            <div class="jiadian_bd">
                <div class="w209">
                    <div class="text">
                        <ul class="clearfix">
                            <li><a href="javascript:;">节能补贴</a></li>
                            <li><a href="javascript:;">节能补贴</a></li>
                            <li><a href="javascript:;">节能补贴</a></li>
                            <li><a href="javascript:;">节能补贴</a></li>
                            <li><a href="javascript:;">节能补贴</a></li>
                            <li><a href="javascript:;">节能补贴</a></li>
                        </ul>
                    </div>
                    <div class="img">
                        <a href="javascript:;"><img src="./uploads/floor-1-1.png" alt=""></a>
                    </div>
                </div>
                <div class="w329">
                    <ul>
                        <li><a href="javascript:;"><img src="./uploads/floor-1-2.png" alt=""></a></li>
                    </ul>
                </div>
            </div>
            <div class="jiadian_ft">下</div>
            <!-- 家电结束 -->
        </div>
    </div>



    <!-- floor结束 -->




    <!-- footer 开始 -->
    <div class="footer">
      <div class="w">
        <div class="top">
          <ul>
            <li>
              <h5></h5>
              <div class="text">
                <h4>正品保障</h4>
                <p>正品保障，提供发票</p>
              </div>
            </li>
            <li>
              <h5></h5>
              <div class="text">
                <h4>正品保障</h4>
                <p>正品保障，提供发票</p>
              </div>
            </li>
            <li>
              <h5></h5>
              <div class="text">
                <h4>正品保障</h4>
                <p>正品保障，提供发票</p>
              </div>
            </li>
            <li>
              <h5></h5>
              <div class="text">
                <h4>正品保障</h4>
                <p>正品保障，提供发票</p>
              </div>
            </li>
            <li>
              <h5></h5>
              <div class="text">
                <h4>正品保障</h4>
                <p>正品保障，提供发票</p>
              </div>
            </li>
          </ul>
        </div>
        <!-- center开始 -->
        <div class="center">
          <div class="center_box">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
            </ul>
          </div>
          <div class="center_box">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
            </ul>
          </div>
          <div class="center_box">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
            </ul>
          </div>
          <div class="center_box">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
            </ul>
          </div>
          <div class="center_box">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">购物流程</a></li>
            </ul>
          </div>
          <div class="center_box">
            <h4>帮助中心</h4>
            <div class="img">
              <img src="./images/wx_cz.jpg" alt="" />
            </div>
            <p>品优购客户端</p>
          </div>
        </div>
        <div class="bottom">
          <div class="links">
            <a href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a> <a href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span> <a href="javascript:;">关于我们</a><span>|</span> <a href="javascript:;">关于我们</a><span>|</span> <a href="javascript:;">关于我们</a><span>|</span> <a href="javascript:;">关于我们</a><span>|</span> <a href="javascript:;">关于我们</a><span>|</span>
            <a href="javascript:;">关于我们</a>
          </div>
          <div class="copyright">
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br />
            京ICP备08001421号京公网安备110108007702
          </div>
        </div>
      </div>
    </div>
    <!-- footer 结束 -->
  </body>
</html>
